<template>
	<view style="box-sizing: border-box;">

		<view style="background-color: white;
			padding: 3px 12px;
			height: 60px;
			display: flex;
			flex-direction: column;
			justify-content: space-evenly;
			margin-bottom: 12px;" v-for="(item,index) in list">
			<view style="display: flex; font-size: 14px;">
				<image src="/static/消息/提醒.png" mode="" style="width: 20px; height: 20px;"></image>
				<text style="margin-left: 3px;">{{item.title}}</text>
			</view>
			<view style="display: flex; font-size: 13px; color: #cccdd0; align-items: center;margin-left: 3px;">
				<image src="/static/消息/时间.png" mode="" style="width: 15px; height: 15px;"></image>
				<text style="margin-left: 3px;">{{item.time}}</text>
			</view>
		</view>


		<uni-load-more status="loading" icon-size="20"></uni-load-more>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				status: 'loading',
				list: [{
						"title": "赵小刚发起一个《普通工单》",
						"time": "2019-08-23 22:31"
					},
					{
						"title": "赵小刚发起一个《普通工单》",
						"time": "2019-08-23 22:31"
					},
					{
						"title": "赵小刚发起一个《普通工单》",
						"time": "2019-08-23 22:31"
					},
					{
						"title": "赵小刚发起一个《普通工单》",
						"time": "2019-08-23 22:31"
					},
					{
						"title": "赵小刚发起一个《普通工单》",
						"time": "2019-08-23 22:31"
					},
					{
						"title": "赵小刚发起一个《普通工单》",
						"time": "2019-08-23 22:31"
					},
					{
						"title": "赵小刚发起一个《普通工单》",
						"time": "2019-08-23 22:31"
					},
					{
						"title": "赵小刚发起一个《普通工单》",
						"time": "2019-08-23 22:31"
					},
					{
						"title": "赵小刚发起一个《普通工单》",
						"time": "2019-08-23 22:31"
					},
				]
			}
		},
		methods: {

		}
	}
</script>

<style lang="scss">
	page {
		background-color: #f8f8f8;
		box-sizing: border-box;
		padding: 15px 10px;
	}
</style>